@media only screen and (max-width: 1920px) {
    .container{
    	width: 1400px;
    }
}
@media only screen and (max-width: 1405px) {
    .container{
    	width: 1200px;
    }
    .main-header .rob .logo{
    	width: 45%;
    }
    .main-header-pronav .quick_nav{
    	width: calc(65% - 70px)
    }
    .main-header-pronav .main_header_tel{
    	width: calc(35% + 70px)
    }
    .main-header-pronav .quick_nav .quick_nav_list{
    	padding-left: 2%;
    }
    .main-header-pronav .quick_nav .quick_nav_title img{
    	margin-top: 19%;
    }
    .company_index .company_box .company_box_tag img{
    	transform: scale(.9);
    }
}
@media only screen and (max-width: 1205px) {
    .container{
    	width: 991px;
    }
    .main-header .rob .logo{
    	width: 35%;
    }
    .main-header .rob .logo .logo_right_text{
    	display: none;
    }
    .main-header-pronav .main_header_tel{
    	display: none;
    }
    .main-header-pronav .quick_nav{
    	width: 100%;
    }
    .main-header-pronav{
    	background: #004FB0;
    }
    .main-header-pronav .quick_nav::after{
    	border-right: none;
    }
    .main-header-pronav .quick_nav .quick_nav_title img{
    	margin-top: 14%;
    }
    .main-header-pronav .quick_nav .quick_nav_list{
    	padding-left: 10%;
    }
    .product_index_box #gallery .swiper-slide .box ul{
    	width: 100%;
    }
    .company_index .company_box .company_box_tag img {
	  	transform: scale(.7);
	}
	.company_index .company_box .company_box_tag img{
		margin:0px;
	}
	.area_box .dt2 #area1{
		height: 100%;
	}
	.area_box .dt2 .more{
		display: none;
	}
	.honor_index .rob h3{
		font-size: 24px;
	}
	.honor_index .img img{
		max-width: 80%;
		margin:0 auto;
	}
	.corebox .corelist .core_inner{
		height: 500px;
	}
	.corebox .corelist .core_inner .cover h3{
		font-size: 24px;
		line-height: 34px;
	}
	.corebox .corelist .core_inner .show .show_in span{
		font-size: 50px;
		line-height: 60px;
	}
	.corebox .corelist .core_inner .show .show_in h3{
		font-size: 24px;
	}
	.corebox .corelist .core_inner .show .img,
	.news_index .news_type .news_box .news_type_info .time_box .time{
		display: none;
	}
	.corebox .corelist .core_inner .show .show_in{
		width: 100%;
	}
	.news_index .news_type .news_box .news_type_info .cici{
		height: 130px;
	}
	.news_index .news_type .news_box .news_type_info .time_box .content{
		width: 100%;
	}
	.news_index .news_type .news_box .news_type_name{
		font-size: 18px;
	}
	.news_index .news_type .news_box .news_type_name a p span{
		margin-top: 4px;
	}
	.footer .foot_logo{
		display: none;
	}
	.footer .foot_logo.hd{
		display: block;
		width: 70%;
	}
	.footer .foot_nav{
		width: 100%;
		margin-bottom: 5%;
	}
	.footer .foot_code{
		width: 30%;
	}
	.footer .foot_logo ul li{
		padding: 1% 0;
	}
	.in_banner{
		height: 250px;
	}
	.in_banner h3{
		font-size: 30px;
	}
	.in_banner{
		padding-top: 80px;
	}
	.company_in_box .company_in_box_img{
		display: none;
	}
	.company_in_box .company_in_box_text{
		width: 100%;
	}
	.company_in_box .company_in_box_text .slogn .row{
		position: relative;
		width: 100%;
	}
	.culture .cul_box .content{
		padding: 0 3% 0 5%;
	}
	.com_inner .de-product-list ul li .text h3{
		font-size: 30px;
	}
	.com_inner .de-product-list ul li{
		padding: 4% 0;
	}
}
@media only screen and (max-width: 991px) {
    .container{
    	width: 768px;
    }
    nav{
    	margin-right: 0px;
    }
    .main-header .rob .logo{
    	width: 25%;
    }
    .main-header .rob .logo img{
    	width: 100%;
    }
    .main-nav > ul > li > a{
    	padding: 33px 10px;
    }
    .main-header-pronav .quick_nav .quick_nav_list{
    	padding-left: 4%;
    }
    .global_title{
    	padding-top: 40px;
    }
    .global_title h3{
    	font-size: 30px;
    }
    .global_title .h3_en{
    	font-size: 60px;
    	top: 17px;
    }
    .product_index_box #thumbs{
    	width: 100%;
    }
    .product_index_box #thumbs .swiper-slide{
    	padding:  0 0 30px 0;
    }
    .company_index .company_box .company_box_tag{
    	display: none;
    }
    .marketing-about-thumb{
    	margin-bottom: 20px;
    }
    .area_box .dt2,
    .area_box .dt1{
    	width: 100%;
    }
    .area_box .dt2 .swiper-slide a{
    	padding: 7% 5% 5% 10%;
    }
    .honor_index{
    	padding-bottom: 40px;
    }
    .honor_index .img{
    	display: none;
    }

    .company_index .company_box .company_box_text{
    	width: 100%;
    	padding: 4% 2%;
    }
    .honor_index .hon_1, .honor_index .hon_2{
    	width: 49%;
    }
    .honor_index .image{
		transition: all 0.5s ease;
		width: 56px;
		height: 56px;
	}
	.culture .cul_box .video,
	.culture .cul_box .content{
		width: 100%;
	}
	.company_in_box .company_in_box_text{
		padding-right: 0px;
	}
	.tabs .tabs-container h4 span{
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}
	.com_bar .roc div{
		margin:0px;
	}
	.com_inner .de-product-list ul li .text{
		width: 45%;
	}
	.com_inner .de-product-list ul li .img{
		width: 55%;
	}
	.com_inner .de-product-list ul li .img img{
		width: auto;
	}
	.com_inner.put .main_title .img,
	.com_inner.put .main_title .text{
		width: 100%;
	}
	.com_inner.put .tabPanel .box li{
		padding: 2% 4%;
	}
	.de_contact .contact_map .link{
		width: 52%;
	}
	.de_contact .contact_map #dituContent{
		height: 400px;
	}
	.com_inner .oth{
		display: none;
	}
	.com_inner .news_detail_box{
		width: 100%;
	}
	.com_inner .news_detail_box img{
		max-width: 100%;
	}
}
@media only screen and (max-width: 768px) {
	body{
		padding-bottom: 66px;
	}
	.banner.pc{
		display: none;
	}
	.banner.ph{
		display: block;
	}
    .container{
    	width: 450px;
    }
    .top_bar{
    	display: none;
    }
    .container{
    	padding: 0 3%;
    }
    .main-nav.d-none .nav,
    .main-header-pronav{
    	display: none;
    }
    .main-nav.header-right-area{
    	display: block;
    }
    .main-header .rob .logo{
    	width: 50%;
    }
    .header-sticky{
    	min-height: auto;
    	box-shadow: 0 10px 10px -10px #ccc;
    }
    .main-header .rob .logo img{
    	width: 80%;
    	height: auto;
    }
    .main-nav > ul > li.li_1, .main-nav > ul > li.li_2{
    	background: #fff;
    	width: 26px;
    }
    .main-nav.header-right-area > ul > li.li_1 > a, 
    .main-nav.header-right-area > ul > li.li_2 > a{
    	text-align: right;
    }
    .main-nav > ul > li.li_1 > a i, 
    .main-nav > ul > li.li_2 > a i{
    	font-size: 30px;
    	color: #004EAF;
    }
    .main-nav.header-right-area > ul > li > a{
    	padding: 20px 0;
    }
    nav{
    	margin-right: 20px;
    }
    .global_title h3{
    	font-size: 26px;
    }
    .global_title .h3_en{
    	height: 76px;
    	overflow: hidden;
    }
    .global_title .h3_en{
    	top: 12px;
    }
    .global_title p.des{
    	font-size: 15px;
    }
    .company_index .company_box .company_box_text{
    	width: 100%;
    	padding: 4% 0;
    }
    .product_index_box #gallery .swiper-slide .cici, 
    .product_index_box #gallery .swiper-slide .box{
    	width: 100%;
    }
    .product_index_box #gallery .swiper-slide .box ul{
    	display: none;
    }
    .product_index_box #thumbs .swiper-slide{
    	padding-bottom: 15px;
    }
    .product_index_box .glomore{
    	margin:4% 0%;
    }
    .product_index_box #gallery .swiper-slide .box h3{
    	font-size: 23px;
    }
    .product_index_box .cl6{
    	-webkit-line-clamp:3;
    }
    .product_index_box #thumbs .swiper-slide{
    	font-size: 15px;
    }
    .company_index .company_box_text .company_box_content h3,
    .core .swiper-container .core_inner .show .show_in h3{
    	font-size: 23px;
    }
    .company_index .company_box_text .company_box_content,
    .company_index .company_box_text .company_box_video{
    	width: 100%;
    }
    .company_index .company_box .company_box_text{
    	padding: 7% 0;
    }
    .company_index .company_box_text .company_box_content{
    	padding-right: 0px;
    }
    .company_index{
    	margin-top: 40px;
    }
    .company_index .company_box_text .company_box_content{
    	padding-bottom: 40px;
    }
    .area_box .dt1 .content .plus{
    	display: none;
    }
    .area_box .dt1 .content .text{
    	width: 100%;
    }
    .honor_index{
    	background: #EAF5FB;
    }
    .honor_index .rob h3{
    	font-size: 20px;
    }
    .honor_index .hon_1, .honor_index .hon_2{
    	width: 100%;
    }
    .honor_index .lar {
	  margin: 1% 0 3%;
	}
	.honor_index .h{
		padding: 4% 0;
	}
	.honor_index img{
		display: none;
	}
	.honor_index .hon_2 .tr{
		text-align: left;
	}
	.honor_index .hon_1 .h, .honor_index .hon_2 .h {
	  	border-bottom: 1px solid #004EB0;
	}
	.area_index{
		padding-bottom: 40px;
	}
	.corebox .corelist{
		display: none;
	}
	.core .swiper-container{
		display: block;
	}
	.news_index .news_type .news_box{
		width: 100%;
	}
	.news_index .news_type .news_box .news_type_info .cici{
		height: 190px;
	}
	.news_index{
		padding-bottom: 40px;
	}
	.footer .foot_nav{
		display: none;
	}
	.footer .foot_logo.hd,
	.footer .foot_code{
		width: 100%;
	}
	.footer .foot_code{
		margin-top: 2%;
	}
	.footer .foot_code div img,
	.footer .foot_logo.hd img{
		margin:0 auto 10px auto;
	}
	.footer .foot_logo ul{
		display: none;
	}
	.footer{
		padding: 30px 0;
	}
	.off-canvas-menu-wrapper .off-canvas-inner-content {
	  width: 260px;
	}
	.in_banner{
		height: 170px;
		padding-top: 50px;
	}
	.in_banner h3{
		font-size: 26px;
	}
	.com_bar{
		display: none;
	}
	.com_bar .roc div{
		padding: 15px 10px;
	}
	.company_in_box .company_in_box_text{
		padding: 0 3%;
	}
	.honor_in .swiper-container{
		width: 100%;
	}
	.job .container{
		padding: 0px;
	}
	.tabs .tabs-container{
		width: 100%;
		padding: 0px;
	}
	.responsive-tabs .accordion-handle{
		border-bottom: 1px solid #F4F4F4;
	}
	.responsive-tabs .accordion-handle h4{
		background: #004FB0;
		padding: 3% 2%;
		font-size: 18px;
		font-weight: normal;
		color: #fff;
	}
	.responsive-tabs .accordion-handle.active h4{
		color: #fff;
	}
	.tab-content{
		padding: 3% 2%;
	}
	.tabs .tabs-container h4{
		font-size: 18px;
	}
	.com_inner .de-product-list{
		padding-bottom: 0px;	
	}
	.com_inner .de-product-list ul li .text{
		width: 100%;
		padding-right: 0px;
	}
	.com_inner.put .main_title .text div[class*="bac"]{
		width: 50px;
		height: 50px;
		margin:0 auto 10px;
	}
	.com_inner .de-product-list ul li .img{
		width: 100%;
	}
	.com_inner .de-product-list ul li .glomore{
		display: none;
	}
	.com_inner .de-product-list ul li .cl5{
		-webkit-line-clamp:3;
	}
	.com_inner .de-product-list ul li .img img{
		width: 100%;
	}
	.com_inner .de-product-list ul li .text .content{
		margin:3% 0;
	}
	.com_inner .de-product-list ul li .text h4{
		font-size: 34px;
		line-height: 34px;
	}
	.com_inner .de-product-list ul li .text h3{
		font-size: 26px;
	}
	.in_banner.pg{
		display: none;
	}
	.com_inner.put .com_bar{
		display: block;
	}
	.com_inner.put .main_title .text ul{
		width: 100%;
	}
	.com_inner.put .tabPanel .box li{
		padding: 4% 6%;
	}
	.com_inner.put .tabPanel .panes{
		padding: 6% 3%;
	}
	.com_inner.put .tabPanel .panes .pane{
		padding: 0px;
	}
	.com_inner.put table tr{
		display: block;
	}
	.com_inner.put table td.et2{
		width: 100% !important;
		display: block;
	}
	.newsPage .left, .newsPage .right{
		padding: 25px 15px;
		width: 43%;
	}
	.com_inner.put .main_title .text .h3 h3{
		font-size: 26px;
	}
	.com_inner .partner ul li{
		width: 32%;
	}
	.com_inner .field ul li .img,
	.com_inner .field ul li .text{
		width: 100%;
	}
	.com_inner .field ul li .text h3{
		font-size: 23px;
		font-weight: normal;
	}
	.com_inner .field ul li .text img{
		display: none;
	}
	.com_inner .field ul li .text{
		padding: 0 4% 5% 4%;
	}
	.com_inner .news_in_list{
		padding: 40px 0;
	}
	.com_inner .news_in_row ul li{
		width: 100%;
		margin-right: 0px;
		margin-bottom: 2%;
	}
	.com_inner .news_news{
		padding: 40px 3%;
	}
	.com_inner .news_news .container{
		padding: 0px;
		width: 100%;
	}
	.de_contact .contact_map #dituContent{
		height: 300px;
	}
	.de_contact .contact_map .link{
		position: relative;
		width: 100%;
		left: 0px;
	}
	.bd{
		display: flex;
	}
	.scroll-top-arrow, .scroll-top-arrow:focus{
		bottom: 88px;
	}
	body .swiper-button-prev, body .swiper-button-next{
		width: 30px;
		height: 30px;
		background-size: cover;
	}
}
@media only screen and (max-width: 450px) {
    .container{
    	width: 100%;
    }
}